#c4_mainweb{width:1166px;  margin:0 auto;  margin-top:40px; background-color:#616161;}
#c4_mainweb:after{content:"."; clear:both; display:block; width:0; height:0; overflow:hidden;}


/* ¿ÞÂÊ»çÀÌµå ¼¿·º¹è³Ê*/
#c4_leftSideweb{width:225px; height:504px; }
#c4_leftSideweb>.c4_bikname{width:100%; height:140px;}
.c4_biknameweb{width:95px; height:46px;  margin-left:20px; margin-top:30px;float:left;}

/*¿ÞÂÊ»çÀÌµå ¹è³Ê¹öÆ°*/
#c4_mainweb>.c4_mainPage{width:940px;float:right;background-color:#ffffff; border:1px solid #c9c8c8; border-left:none;}
.c4_mainPage_button>li{height:37px;}
.c4_mainPage_button>li:first-child{}
.c4_mainPage_button>li:nth-child(2){}
.c4_mainPage_button>li:nth-child(3){}
.c4_mainPage_button>li:nth-child(4){background:url(/newhome/img/bikname_samgak.png) no-repeat;}
.c4_mainPage_button>li:nth-child(5){}
.c4_mainPage_button>li:last-child{}


.c4_mainPage_button>li>a{color:#ffffff;line-height:3;width:224px; height:37px;display:block;text-indent:20px;}
.c4_mainPage_button>li:first-child>a{}
.c4_mainPage_button>li:nth-child>a(2){}
.c4_mainPage_button>li:nth-child>a(3){}
.c4_mainPage_button>li:nth-child>a(4){}
.c4_mainPage_button>li:nth-child>a(5){}
.c4_mainPage_button>li:last-child>a{}




/*»ó¼¼ÆäÀÌÁö»ó´Ü*/
#c4_hederWeb{width:800px; height:100px;  margin:0 auto; margin-top:27px;position:relative;}
#c4_hederWeb>h3{float:left;}
#c4_hederWeb>.c4_strapline1{float:left;margin-left:10px; line-height:3.2;}
#c4_hederWeb>.c4_hederline{width:100%; height:2px; background-color:#616161;clear:both;}
.c4_point{width:5px; height:5px; background-color:#f8994d;border-radius:10px;float:left;margin-top:17px;margin-right:10px; }
.c4_strapline2{float:left;margin-top:10px; font-size:13px;}




/*»ó¼¼ÆäÀÌÁö ¸ÞÀÎÁß¿äÁ¤º¸*/
.c4_criticalintelligence{width:800px; margin:0 auto;position:relative; }
.c4_criticalintelligence:after{content:"."; clear:both; display:block; width:0; height:0; overflow:hidden;}
#c4_criticalintelligenceWeb{width:800px; height:648px; margin:0 auto;  margin-bottom:50px;}

/*»ó´Ü ±×·¡ÇÁ*/



#c4_graph1size{width:360px;height:30px; margin-top:5px; margin-left:5px;}
#c4_graph1_1size{width:570px;height:300px; margin:0 auto; margin-top:10px;}
#c4_graph2size{width:360px;height:30px; margin-top:5px; margin-left:5px;}
#c4_graph2_1size{width:570px;height:300px;  margin:0 auto; margin-top:10px;}
#c4_graph3size{width:360px;height:30px; margin-top:5px; margin-left:5px;}
#c4_graph3_1size{width:570px;height:300px;  margin:0 auto; margin-top:10px;}

.c4_makde1{width:36px; height:3px; background-color:#3366cc;float:left;margin-top:10px;margin-left:10px;}
.c4_makde2{width:36px; height:3px; background-color:#cd3d22;float:left;margin-top:10px;margin-left:10px;}
.c4_makde3{width:36px; height:3px; background-color:#ef9e26;float:left;margin-top:10px;margin-left:10px;}

.c4_makdepont1{float:left;margin-left:5px;}
.c4_makdepont2{float:left;margin-left:5px;}
.c4_makdepont3{float:left;margin-left:5px;}

















/*»ó´Ü ±×·¡ÇÁ³¡*/
.c4_usbbl2{position:absolute; right:0px; top:10px;}

.tab { background:#fff; overflow:hidden; }
.tab>.c4_term { float:left; width:76px; border-left:1px solid #ddd; text-align:center; box-sizing:border-box; }
.tab>.c4_term { display:inline-block; cursor:pointer;padding-top:2px;padding-bottom:2px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.tab>li:first-child{}
.tab>li:nth-child(2){}
.tab>li:last-child{border-right:1px solid #ddd;}
.tab>li.on { background-color:#eee; color:#ec4504; }
.tab_con { clear:both;border:1px solid #ddd; margin-top:10px;height:370px;overflow:hidden}
.tab_con>.c4_graph{height:370px; background:#fff;}


.c4_culcu{width:100%;height:15px;text-align:right;margin-top:10px;color:#656565;}















/*ÇÏ´ÜÂ÷Æ®*/
#c4_criticalintelligenceWeb>#c4_chartWeb{width:100%; height:190px;position:relative;}
#c4_chartWeb>.c4_usbbl{float:right; margin-top:20px;}

/*ÇÏ´ÜÂ÷Æ®½ÃÀÛ*/
#c4_chartWeb>.c4_chart{border-top:1px solid #a1a1a1;border-bottom:1px solid #a1a1a1;width:100%; height:95px; margin-top:20px; float:left;}
.c4_chart_nikname{background-color:#f4f4f4;}
th{font-weight:100;}

#c4_chartWeb th{border-right:1px solid #d7d7d7;}
#c4_chartWeb .c4_bik_nikname1{}
#c4_chartWeb .c4_bik_nikname2{border-top:1px solid #d7d7d7;}
#c4_chartWeb .c4_bik_nikname3{border-top:1px solid #d7d7d7;}
#c4_chartWeb .c4_bik_nikname4{border-top:1px solid #d7d7d7;}
#c4_chartWeb .c4_bik_nikname5{border-top:1px solid #d7d7d7;}
#c4_chartWeb .c4_effect6{text-align:center;}
#c4_chartWeb .c4_effect{border-right:1px solid #d7d7d7;text-align:center;}


.c4_Dubai_effect1{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_Dubai_effect2{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_Dubai_effect3{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_Dubai_effect4{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_Dubai_effect5{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_Dubai_effect6{border-top:1px solid #d7d7d7;text-align:center;position:relative;}

.c4_Brent_effect1{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_Brent_effect2{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_Brent_effect3{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_Brent_effect4{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_Brent_effect5{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_Brent_effect6{border-top:1px solid #d7d7d7;text-align:center;position:relative;}

.c4_WTI_effect1{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_WTI_effect2{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_WTI_effect3{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_WTI_effect4{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_WTI_effect5{border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;text-align:center;}
.c4_WTI_effect6{border-top:1px solid #d7d7d7;text-align:center;position:relative;}
.c4_chart_explain{position:absolute; bottom:0; right:0; color:#656565;}


/*Â÷Æ® È­»ìÇ¥ up,down*/
.c4_triangle_up{background:url(/newhome/img/detailPage/c4_hoasal_up.png) no-repeat; width:10px; height:10px;position:absolute;top:9px;right:40px;}
.c4_triangle_down{background:url(/newhome/img/detailPage/c4_hoasal_down.png) no-repeat; width:10px; height:10px;position:absolute;top:9px;right:40px;}